﻿<div class="portlet light" ng-init="getRoleUserList()">
    <div class="portlet-title">
        <div class="caption">
            <div class="caption-subject font-green-haze bold">
                角色-用户信息
            </div>
        </div>
    </div>
    <div class="portlet-body">
        <form class="form-horizontal">
            <div class="row">
                <div class="col-xs-4 col-sm-12 form-group">
                    <label for="inputPassword3" class="col-sm-3 control-label">用户名：</label>
                    <div class="col-sm-7">
                        <input type="text" class="form-control" ng-model="Title" id="inputPassword3" placeholder="用户名">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="form-group col-xs-4 col-sm-12">
                    <div class="col-sm-offset-3 col-sm-7">
                        <button type="button" class="btn btn-default btn-primary btn-raised" ng-click="btnSearch_Click()">
                            <i class="fa fa-search"></i>
                            查询
                        </button>
                    </div>
                </div>
            </div>
        </form>

        <div class="col-xs-12">
            <button class="btn btn-primary btn-mini btn-raised" ng-click="btnAdd_Click()" type="button">
                <i class="fa fa-plus"></i>
                Add
            </button>
        </div>

        <div class="col-xs-12">
            <div class="table-scrollable table-scrollable-borderless">
                <table class="table table-hover table-light col-xs-12">
                    <thead>
                        <tr class="active">
                            <th>操作</th>
                            <th>编号</th>
                            <th>用户名</th>
                            <th>邮箱</th>
                            <th>手机号</th> 
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="user in userList">
                            <td> 
                                <a class="btn-link" ng-click="btnRemove_Click(user.id)">删除</a> 
                            </td>
                            <td>{{user.id}}</td> 
                            <td>{{user.userName}}</td>
                            <td>{{user.email}}</td>
                            <td>{{user.phoneNumber}}</td> 
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>

        <div class="col-xs-12">
            <div class="pager">
                <div class="btn-group-sm pull-left">
                    <button class="btn btn-raised" ng-disabled="pager.isFirst()">
                        <i class="fa fa-step-backward"></i>
                    </button>
                    <button class="btn btn-raised" ng-disabled="pager.isFirst()">
                        <i class="fa fa-caret-left"></i>
                    </button>
                    <input class="form-control" type="text" ng-model="pager.page" ng-change="pageChange()" />
                    <span>
                        / {{pager.pages}}
                    </span>
                    <button class="btn btn-raised" ng-disabled="pager.isLast()">
                        <i class="fa fa-caret-right"></i>
                    </button>
                    <button class="btn btn-raised" ng-disabled="pager.isLast()">
                        <i class="fa fa-step-forward"></i>
                    </button>
                    <select class="form-control" name="pgSize" ng-model="pager.limit" ng-change="pageSizeChange()" ng-options="pgSize as pgSize for pgSize in pageSizeList"></select>
                    <span>行每页</span>
                </div>

                <div class="pull-right">
                    <span>
                        {{pager.range.start}} - {{pager.range.end}}  共 {{pager.total}} 行
                    </span>
                </div>
            </div>
        </div>
    </div>
</div>